@import define.sass
@import typography.sass
@import header.sass
@import main_content_form.sass
@import side_content.sass
@import footer.sass
#content
  :padding-top 14px
  :min-width 730px
  h2
    :font-weight bold
    span
      :float right
      :font-size 11px
      :color = !main_content_h2_span_font_color
  #main_content
    :width 73%
    :padding 30px 20px 10px
    :margin
      :bottom 15px
    :float left
    :background-color = !main_content_bg_color
    :border
      :style solid    
      :color = !main_content_border_color
      :width 1px
      :right
        :color = !main_content_border_btm_color
        :width 4px
      :bottom
        :color = !main_content_border_btm_color
        :width 4px
    .total, .top_pages
      +pages    
    .btm_pages
      +pages(0)
    .article_list
      +article_list
      .article_title
        :line-height 2em
        span        
          &.left
            :color = !article_title_span_left_font_color
            .article_id
              :color = !article_title_span_article_id_left_font_color
          &.right
            :color = !article_title_span_right_font_color
      .article_summary
        +article_summary(.2em, 0)
    .stickied
      :background !stickied_article_list_bg_color url("/images/stickied_bg.png") repeat-x left top
      .article_title        
        span
          &.left
            :color !stickied_article_title_left_span_font_color
            .article_id
              :color !stickied_article_title_span_font_color
          &.right
            :color !stickied_article_title_span_font_color
      .article_summary
        :color !stickied_article_title_left_span_font_color
    .article_content
      h2
        :margin-bottom .5em
      .article_tag_list
        :margin-bottom 1.2em      
        :font-weight bold      
        :font-size 11px
        :color = !main_content_h2_span_font_color        
      .ui-state-highlight
        :display block
        :height 1.5em
        :margin-bottom 1.5em
        :line-height 1.2em        
      .article_summary
        +article_list      
        +article_summary(.5em, 1em)
        :border
          :top
            :style solid 
            :color = !article_summary_border_top_color
            :width 1px
        :display none
      .ajax_successful
        :margin-bottom 1em  
        :background !ajax_successful_bgc url("/images/ajax_successful.png") repeat-x left top
        :border 1px solid !ajax_successful_border_color
        :color !ajax_successful_font_color
        :font-size 12px
        :line-height 3em
        :text-align center
      .article_text
        +article_list(#F5F5F5)
        +article_summary(.5em, 1em)
        +article_text
        strong
          :padding 3px 5px
          :color = !article_text_strong_font_color
          :background-color = !article_text_strong_bg_color
          :font-weight normal
        em
          :color = !article_text_em_font_color
          :font-weight bold
          :font-style italic
        p, ul, ol 
          :margin 1em 0
        ul, ol
          :margin-left 3em
      .article_source
        :padding .5em
        :line-height 1.1em
        :background-color = !article_source_bg_color
        :margin-bottom 1em
        table
          :table-layout fixed
          :width 100%
          td
            :word-break break-all
            :overflow hidden            
            :width 35px
            &:last-child
              :width 97%
              :overflow hidden                
        .lines_warp
          :border
            :right 
              :style solid 
              :color = !lines_warp_span_border_color
              :width 1px
            
          span
            :display block
            :padding 0 .5em
            :font-size 12px
            :text-align right
            :background-color = !lines_warp_span_bg_color
            :color = !lines_warp_span_font_color
        .source_warp
          :margin-left .5em
    ul.recipes_list
      +article_list_for_sort  
      li
        &.manage_recipe_name  
          span
            :float right
            :font-size 11px
    ul.articles_ready_for_sort
      +article_list_for_sort
      li
        ul
          li
            :background url("/images/icons/bullet_yellow.png") no-repeat left center    
    ul.ready_for_sort
      :padding 10px
      :background-color #FFC